<!--
 * @Description: 订单管理
 * @Author: zzj
 * @Date: 2021-10-21 19:09:23
 * @LastEditors: zzj
 * @LastEditTime: 2021-10-29 11:39:26
-->
<template>
	<div id="order">
		<template>
			<el-tabs v-model="activeName" @tab-click="handleClick">
				<el-tab-pane label="所有订单" name="first"><First></First></el-tab-pane>
				<el-tab-pane label="待支付" name="second">待支付</el-tab-pane>
				<el-tab-pane label="已支付" name="third">已支付</el-tab-pane>
				<el-tab-pane label="已发货" name="fourth">已发货</el-tab-pane>
				<el-tab-pane label="已完成" name="fifth">已完成</el-tab-pane>
			</el-tabs>
		</template>
	</div>
</template>
<script>
import First from "@/pages/order/first.vue"
export default {
	data() {
		return {
			activeName: 'first',
		};
	},
	methods: {
		handleClick(tab, event) {
			console.log(tab, event);
		}
	},
	components: {
    First,
  }
}
</script>
<style lang="scss" scoped>

</style>